<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<body>
    <div id='div1'>test</div>
</body>
<script>


    // var sMessage = "hello";
    // with(sMessage) {
    //     alert(toUpperCase());	//输出 "HELLO"
    // }

    // buildUrl()

    // function buildUrl() { 
    //     var qs = "?debug=true"; 
    //     console.log(location)
    //     with(location){ 
    //         var url = href + qs; 
    //     } 
    //     console.log(url)
    //     return url; 
    // }

    // var a = {};
    // a.aa = 1;
    // a.bb = 2;
    // a.cc = 3;
    // with(a) {
    //     console.log(aa);
    //     console.log(bb);
    //     console.log(cc);
    // }
    // var b = function() {
    //     this.a = 111;
    //     this.b = 222;
    // }
    // b.prototype.test = function(param) {
    //     this.a = param;
    //     console.log(this.a)
    // };
    // with(new b()) {
    //     test('just for test');
    // }
    var div1 = document.getElementById('div1');
    // div1.style.left = "200px"
    // console.log(div1.style)
    with(div1.style) {
        width = '200px';
        height = '300px';
        background = 'red';
        color = 'white';
    }

    // console.log(document.documentElement.clientWidth)

    // console.log(document.documentElement.clientHeight)

    console.log(globalThis)
    console.log(global)
</script>
</html>